{include file="default/pc/public/header"}
<div class="kt-container  {$theme_layout_class}  kt-grid__item kt-grid__item--fluid">
    <div class="kt-portlet">
        <div class="kt-portlet__body kt-portlet__body--fit">
            <div class="kt-grid kt-wizard-v3 kt-wizard-v3--white" id="kt_wizard_v3" data-ktwizard-state="step-first">
                <div class="kt-grid__item">

                    <!--begin: Form Wizard Nav -->
                    {include file="default/pc/public/step"}

                    <!--end: Form Wizard Nav -->
                </div>

            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="kt-portlet kt-portlet--height-fluid">
                <div class="kt-portlet__head">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">
                            请选择您遇到的问题分类：
                        </h3>
                    </div>
                </div>
                <div class="kt-portlet__body">

                    <!--begin::widget 12-->
                    <div class="kt-notification">
                        {volist name="category_list" id="vo"}
                        <a href="{:url('ticket/index/solutionList',['category_id'=>$vo.id,'product_id'=>$product_id])}"
                           class="kt-notification__item">
                            <div class="kt-notification__item-details">
                                <div class="kt-notification__item-title">
                                    {$vo.title}
                                </div>
                                <div class="kt-notification__item-time">
                                    {$vo.people_count}人遇到过问题
                                </div>
                            </div>
                        </a>
                        {/volist}
                    </div>

                    <!--end::Widget 12-->
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="kt-portlet kt-portlet--height-fluid">
                <div class="kt-portlet__head">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">
                            热点解决方案
                        </h3>
                    </div>
                </div>
                <div class="kt-portlet__body">

                    <!--begin::widget 12-->
                    <div class="kt-widget4">
                        {volist name="hot_solution_list" id="vo" key="sequence" empty="<span>暂无数据</span>"}
                        <div class="kt-widget4__item">
                                        <span class="kt-widget4__icon">
                                            <span class="kt-badge kt-badge--success kt-badge--md">{$sequence}</span>
                                        </span>
                            <a href="#" class="kt-widget4__title kt-widget4__title--light">
                                {$vo.title}
                            </a>
                        </div>
                        {/volist}
                    </div>

                    <!--end::Widget 12-->
                </div>
            </div>
        </div>
    </div>
</div>